<template>
  <div class="TimeLine">
    <Header></Header>
    <layout class="content">
      <Row>
        <Col span="24">
          <div class="whitebg ">
            <h2 class="htitle">往期文章</h2>
             <Timeline>
        <TimelineItem>
            <p class="time">2021-5-09</p>
            <p class="content">css-实现蜂窝形状</p>
        </TimelineItem>
        <TimelineItem>
            <p class="time">2021-5-11</p>
            <p class="content">vue之路由钩子函数</p>
        </TimelineItem>
        <TimelineItem>
            <p class="time">2021-5-11</p>
            <p class="content">html中的map标签和area标签详解</p>
        </TimelineItem>
        <TimelineItem>
            <p class="time">2021-5-18</p>
            <p class="content">为API生，为框架死</p>
        </TimelineItem>
    </Timeline>
            <PageList></PageList>
          </div>
        </Col>
      </Row>
    </layout>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import PageList from "@/components/public/PageList";
export default {
  name: "TimeLine",
  data() {
    return {};
  },
  components: {
    Footer,
    Header,
    PageList,
  },
};
</script>

<style scoped>
</style>
